<template>
  <div class="box">
     <div class="box1 border-bottom border-top">
         <div class="box1Left">游客1</div>
         <input type="text" placeholder="请填写姓名">
     </div>
    <div class="box1 border-bottom">
      <div class="box1Left">手机号</div>
      <input type="text" placeholder="请输入电话号码">
    </div>
    <div class="box1 border-bottom">
      <div class="box1Left">身份号</div>
      <input type="text" placeholder="请输入身份证号码">
    </div>
  </div>

</template>

<script>
  export default {
    name: 'ShopTourist'

  }
</script>

<style  scoped>
   .box {
     margin-top: 8px;
     border: 1px solid #cccccc;
     box-shadow: 1px 1px 3px #cccccc;
   }
   .box1 {
     width: 100%;
     height: 45px;
     line-height: 45px;
     font-size: 20px;
   }
   .box1 .box1Left {
     float: left;
     margin: 0 30px 0 10px;
   }
   .box1  input {
     height: 20px;
     border: 0;
     outline: none;
   }
</style>





